﻿a<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SCA SMALL AGRO - Sistema Controle Agrícola SmallAgro</title>

    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/geral.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
    <link href="css/960.css" rel="stylesheet" type="text/css" />
    <link href="css/contraste.css" rel="stylesheet" type="text/css" />
</head>

<body lang="pt-br">

    <!-- fim da barra do brasil -->

    <!-- topo -->

    <div class="bgTopoGeral">
        <div class="topoGeralInterna">
            <div class="topo_geral_alinhamento">
                <div class="topo_left">
                    <div class="titulo_sistema">
                        <h1>SCA - SmallAgro</h1>
                        <h3>Sistema Controle Agrícola - SmallAgro</h3>
                    </div>
                </div>
                <!-- início topo logomarca -->
                <div class="topo_right">
                    <!-- inicio acessibilidade -->
                </div>
                <!-- fim topo logomarca -->
            </div>
        </div>
    </div>
    <!-- fim topo -->


    <!-- início menu principal -->
    <div class="BoxMenuPrincipal">
        <div class="BoxMenuPrincipal_alinhamento">
            <ul class="sf-menu">
                <li class="current">
                    <a class="sf-with-ul" href="#a">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                    <ul class="bordasB">
                        <li>
                            <a href="#aa">menu item that is quite long</a>
                        </li>
                        <li class="current">
                            <a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li class="current"><a href="#">menu item that is even longer still!</a></li>
                                <li><a href="#aba">menu item</a></li>
                                <li><a href="#abb">menu item</a></li>
                                <li><a href="#abc">menu item</a></li>
                                <li><a href="#abd">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">menu item</a>

                </li>
                <li>
                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                    <ul>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                            </ul>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>

                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">menu item</a>
                </li>
            </ul>

            <div class="boxInfoUser">
                <a href="#">Logout</a>
            </div>
        </div>
    </div>
    <!-- fim do novo menu acessivel -->

    <div class="geral">
        <!-- BOX MIGALHA -->
        <div class="sombraMigalha">
            <div class="boxMigalha">
                <div class="boxMigalhaCenter">
                    <!-- informaações do usuário -->
                    <div class="BoxHorarioData">
                        05 de abril de 2013 - Horário de Brasília: 10:15:30
                    </div>
                    <!-- fim informa??es do usu?rio -->
                    <!-- migalha de p?o -->
                    <div class="BoxConteudoPrincipal_migalha">
                        <ul>
                            <li><a href="#">Página inicial</a>/</li>
                            <li><a href="#">Produto</a>/</li>
							<li><a href="javascript:;">Consulta de Produtos</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- FIM MIGALHA -->


        <!-- início conteudo -->
        <div class="BoxConteudoPrincipal">


            <!-- titulo pagina -->
            <h2 class="tituloPrincipal">Consulta de Produtos</h2>
            <!-- fim titulo -->

            <div class="container_16 float_l">

                <!-- inicio formulario -->
                <form method="get" class="formulario" action="#">
                    <div class="sombraBox">

                        <div class="container_16 msgsAlertas delta10">
                            <ul tabindex="1">
                                <li class="msgERRO">Informe ao menos um parâmetro para consulta!</li>
                            </ul>
                        </div>
                        <fieldset>
                            <legend>CONSULTAS DE PRODUTOS</legend>

                            <div class="clear"></div>

                            <div class="grid_8">
                                <label class="rotulo" for="nome">Nome:</label>
                                <input type="text" class="grid_layout" value="" id="nome" maxlength="100"/>
                            </div>

                            <div class="clear"></div>

                            <div class="grid_2">
                                <label class="rotulo" for="valor">Valor:</label>
                                <input type="text" class="grid_layout" value="" id="valor" maxlength="12" />
                            </div>

                            <div class="clear"></div>

                            <div class="grid_3">
                                <span class="rotulo" for="">Status:</span>
                                <div class="grid_3 alpha omega">
                                    <label class="float_l omega10" for="ativo">
                                        <input type="radio" name="ativo" value="Lorem" id="ativo" />Ativo</label>
                                    <label for="inativo">
                                        <input type="radio" name="inativo" value="Lorem" id="inativo" />Inativo</label>
                                </div>
                            </div>

                            <div class="clear"></div>


                            <!-- fim formulario -->
                        </fieldset>
                    </div>


                    <div class="float_r beta10">
                        <input type="button" class="formulario_button" value="Limpar" name="Limpar" />
                        <input type="button" class="formulario_button" value="Pesquisar" name="Pesquisar" />
                        <input type="button" class="formulario_button" value="Novo" name="Novo" />
                    </div>

                    <div class="clear"></div>


                    <!-- inicio da grid resultados -->

                    <div class="sombraBox beta10">
                        <div class="container_16 boxGrid" style="font-size: 12px;">

                            <div class="tabelaSimples texto_normal">

                                <table width="100%" cellspacing="1">
                                    <caption>Título da Tabela</caption>
                                    <thead>
                                        <tr>
                                            <th id="nome">Nome<a title="Ordenar Crescente" class="ordenarAZ" href="#">ordernar</a></th>
                                            <th id="valor">Valor<a title="Ordenar Decrescente" class="ordenarZA" href="#">ordernar</a></th>
                                            <th id="status">Status<a title="Ordenar Decrescente" class="ordenarZA" href="#">ordernar</a></th>
                                            <th id="acoes" width="10%">Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="listra">
                                            <td headers="nome">Geovani Augusto Romano</td>
                                            <td headers="valor">R$ 1,00</td>
                                            <td headers="status">Ativo</td>
                                            <td headers="acoes">
                                                <ul>
                                                    <li><a title="Editar" class="acoesIcones icoAcaoEditar lightbox" href="#">Editar</a></li>
                                                  <!--  <li><a title="Ativar" class="acoesIcones icoAcaoAtivo lightbox" href="#">Status Ativo</a></li>
                                                    <li><a title="Inativo" class="acoesIcones icoAcaoInativo lightbox" href="#">Status Inativo</a></li>-->
                                                    <li><a title="Excluir" class="acoesIcones icoAcaoExcluir lightbox" href="#">Excluir</a></li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td headers="nome">Geovani Augusto Romano</td>
                                            <td headers="valor">R$ 1,00</td>
                                            <td headers="status">Ativo</td>
                                            <td headers="acoes">
                                                <ul>
                                                    <li><a title="Editar" class="acoesIcones icoAcaoEditar lightbox" href="#">Editar</a></li>
                                                  <!--  <li><a title="Ativar" class="acoesIcones icoAcaoAtivo lightbox" href="#">Status Ativo</a></li>
                                                    <li><a title="Inativo" class="acoesIcones icoAcaoInativo lightbox" href="#">Status Inativo</a></li>-->
                                                    <li><a title="Excluir" class="acoesIcones icoAcaoExcluir lightbox" href="#">Excluir</a></li>
                                                </ul>
                                            </td>
                                        </tr>
										<tr class="listra">
                                            <td headers="nome">Geovani Augusto Romano</td>
                                            <td headers="valor">R$ 1,00</td>
                                            <td headers="status">Ativo</td>
                                            <td headers="acoes">
                                                <ul>
                                                    <li><a title="Editar" class="acoesIcones icoAcaoEditar lightbox" href="#">Editar</a></li>
                                                  <!--  <li><a title="Ativar" class="acoesIcones icoAcaoAtivo lightbox" href="#">Status Ativo</a></li>
                                                    <li><a title="Inativo" class="acoesIcones icoAcaoInativo lightbox" href="#">Status Inativo</a></li>-->
                                                    <li><a title="Excluir" class="acoesIcones icoAcaoExcluir lightbox" href="#">Excluir</a></li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <!-- inicio paginação -->

                            <div class="barraFerramentas">
                                <div class="paginacao">
                                    <select class="grid_layout float_l">
                                        <option>5</option>
                                        <option selected="selected">10</option>
                                        <option>50</option>
                                        <option>100</option>
                                    </select>
                                    <span>Exibindo <strong>1</strong> - <strong>10</strong> de <strong>62</strong> registros</span>
                                    <div class="controlesPaginacao">
                                        <ul>
                                            <li><a href="#">
                                                <img src="images/setaInicio.png" width="16" height="16" alt="Início" title="Início" /></a></li>
                                            <li><a href="#">
                                                <img src="images/setaVoltar.png" width="16" height="16" alt="Voltar Página" title="Voltar Página" /></a></li>
                                            <li class="paginacaoNumero">
                                                <input type="text" class="grid_layout grid_1 float_n m0" name="" value="" id="paginacaoNumero" /><label class="float_r" for="paginacaoNumero">de 10</label>
                                            </li>
                                            <li><a href="#">
                                                <img src="images/setaAvancar.png" width="16" height="16" alt="Avançar Página" title="Avançar Página" /></a></li>
                                            <li><a href="#">
                                                <img src="images/setaFim.png" width="16" height="16" alt="Última Página" title="Última Página" /></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- fim da paginacao -->

                        </div>
                    </div>

                    <!-- fim da grid resultados -->

                </form>
                <!-- fim formulario -->
            </div>


        </div>
        <!-- fim conteúdo -->

    </div>

    </div>
</body>
</html>
